// 注册组件
<template>
  <div>
    <template>
      <template>
        <div id="Point" style="margin:0;padding:0">
          <!-- 顶部 -->
          <el-header id="xd" style="background-color:#f2f2f2; height:100px;">
              <!-- 根据参数切换请求的路由 -->
              <div style="padding-right: 20%;width:1400px;margin:auto;">
                  <p style="margin:0;font-size:26px; padding-top:20px;" id="biaoqian">用户注册</p>
                  <p style=""><a href="#/index/false/home">首页</a>
                  >注册
                  </p>
              </div>
          </el-header>
        </div>
      </template>
    </template>  




    <div id="left">
      <img width="450px" src="../../images/shop/login-png.png" alt="" />
    </div>
    <div id="regi">
      <el-form
        status-icon
        ref="ruleForm"
        label-width="100px"
        class="demo-ruleForm"
        id="from"
      >
        <h4 style="float: left">用户注册</h4>
        <el-input
          type="text"
          v-model="number"
          suffix-icon="el-icon-mobile-phone"
          placeholder="手机号码"
          autocomplete="off"
        ></el-input>
        <el-input
          type="text"
          v-model="verification"
          placeholder="请输入手机验证码"
          autocomplete="off"
        ></el-input>
          <el-input
            type="password"
            v-model="pass"
            autocomplete="off"
            placeholder="新密码"
          ></el-input>
          <el-input
            type="password"
            v-model="checkPass"
            autocomplete="off"
            placeholder="确认密码"
          ></el-input>
        <el-button type="primary">立即注册</el-button>
        <p style="margin-top:10px"><a href="#/index/false/login">立即登录</a></p>
        
      </el-form>
    </div>
  </div>
</template>


<script>
export default {
  data() {
    return {
      number: "",
      pass:'',
      checkPass:'',
      verification: "",
    };
  },
};
</script>
<style>
#left,
#regi {
  display: inline-block;
  float: left;
}
#left {
  width: 50%;
  text-align: right;
}
#regi {
  width: 50%;
  margin-top: 10px;
}
#from .el-input,#from .el-button{
    width: 300px;
    margin-top: 20px;
    display:block;

}
</style>
